<template>
  <div id="container" class="box">
    <div id="cesiumContainer"></div>
  </div>
</template>

<script>
  export default {
    name: 'HelloWorld',
    props: {
      msg: String
    },
    data() {
      return {}
    },
    methods: {
      init() {
        const Cesium = this.cesium
        const viewer = new Cesium.Viewer('cesiumContainer');
        viewer._cesiumWidget._creditContainer.style.display = "none"; // 隐藏版权
      }
    },
    mounted() {
      this.init()
    }
  }
</script>

<style scoped lang="scss">
  html,
  body,
  #cesiumContainer {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    overflow: hidden;
  }

  .box {
    height: 100%;
  }
</style>
